/* Estrecha el contenedor — la forma corta no necesita los 980px del form completo */
.torneo-rapido-pagina{
    max-width: 760px;
}


/* BLOQUES DE FASE DINÁMICA — se presentan como pequeñas tarjetas para separar
   visualmente cada fase dentro de la sección "Formato" */
.fase-rapida{
    padding: var(--space-3);
    margin-top: var(--space-2);
    background: var(--superficie-1);
    border: 1px solid var(--borde-dorado-sutil);
    border-radius: var(--radio-md);
    transition: border-color var(--transicion-base), background-color var(--transicion-base), box-shadow var(--transicion-base);
}

.fase-rapida:hover{
    border-color: var(--borde-dorado);
    box-shadow: var(--sombra-brillo-sm);
}

.fase-rapida:first-child{
    margin-top: var(--space-2);
}

.fase-rapida-titulo{
    display: block;
    margin-bottom: 10px;
    font-family: var(--fuente-display);
    color: var(--color-dorado);
    font-size: 13px;
}

.campo-clasificados-rapido{
    margin-top: var(--space-2);
    max-width: 240px;
}

/* .campos-grid declara display:grid y anula el atributo hidden */
.fase-params-grupos[hidden]{
    display: none !important;
}

@media (max-width: 480px){
    .sistema-cards{
        grid-template-columns: 1fr 1fr;
    }

    .campo-clasificados-rapido{
        max-width: 100%;
    }
}